<!-- 导入header.html -->
{% include 'front/header.html' %}
<br/>
<div id="page">
    </div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <div class="layui-card-header">上证指数分时图</div>
                <div class="layui-card">
                    <div class="layui-card-body">
                        <img src='http://image2.sinajs.cn/newchart/min/n/sh000001.gif?'>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card-header">上证指数日线图</div>
                <div class="layui-card">
                    <div class="layui-card-body">
                        <img src='http://image2.sinajs.cn/newchart/daily/n/sh000001.gif?'>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card-header">深证成指分时图</div>
                <div class="layui-card">
                    <div class="layui-card-body">
                        <img src='http://image2.sinajs.cn/newchart/min/n/sz399001.gif?'>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#1e9fff6b;">涨跌趋势图</div>
                    <div class="layui-card-body">
                        <div id="main11" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#1e9fff6b;">净流入趋势图</div>
                    <div class="layui-card-body">
                        <div id="main12" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#1e9fff6b;">盘面综合评价</div>
                    <div class="layui-card-body">
                        {{talkcontent}}
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#23b78747;">各板块主力净流入</div>
                    <div id="main311" style="height:400px;"></div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#23b78747;">智能持股跟踪</div>
                    <div class="layui-card-body">
                       <div id="main31" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#23b78747;">市场情况：</div>
                    <div id="main" style="height: 300px;margin:10px;">
                        <div id="main32" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#23b78747;">公司简介：</div>
                    <div id="main233" style="height: 400px;"></div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card">
                    <div class="layui-card-header" style="background:#23b78747;">公司资讯</div>
                    <div class="layui-card-body">
sdfsadf
                    </div>
                </div>
            </div>
        </div>-->
    </div>
</div>
<script>
        $.ajax({
            url: '/aacharts?type=oneline&model=zs_info_day&x=count_day&y=up|equal|down&t=code&w=code|000001&ck=zs_info_day_20241017&title=涨跌趋势图',
            method: 'GET',
            success: function (data) {
                newdata = JSON.parse(data)
                if(newdata.code == 0){
                    var myChart1 = echarts.init(document.getElementById('main11'));
                    eval(newdata.data);
                    myChart1.setOption(option1);
                }else{
                    alert("出错");
                }
            },
            error: function(error) {
                console.log(error);
            }
          });
          $.ajax({
            url: '/aacharts?type=moreline&model=jlr_day&x=count_day&y=zhuli&t=codename&w=code|000001||code|399001&ck=jlr_day_20241017&title=净收入趋势图',
            method: 'GET',
            success: function (data) {
                newdata = JSON.parse(data)
                if(newdata.code == 0){
                    var myChart = echarts.init(document.getElementById('main12'));
                    eval(newdata.data);
                    myChart.setOption(option1);
                }else{
                    alert("出错");
                }
            },
            error: function(error) {
                console.log(error);
            }
          });
          $.ajax({
            url: '/aacharts?type=onebar&model=money_per_day&x=codename&y=flow_money&w=count_day|today&ck=money_per_day_20241017&title=板块净流入趋势图',
            method: 'GET',
            success: function (data) {
                newdata = JSON.parse(data)
                if(newdata.code == 0){
                    var myChart = echarts.init(document.getElementById('main311'));
                    eval(newdata.data);
                    myChart.setOption(option1);
                }else{
                    alert("出错");
                }
            },
            error: function(error) {
                console.log(error);
            }
          });
/**
var myChart23 = echarts.init(document.getElementById('main23'));

        // 指定图表的配置项和数据
        var option23 = {
            title: {
                text: 'xxx'
            },
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: [120, 200, 150, 80, 70, 110, 130],
                type: 'bar'
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart23.setOption(option23);

        var myChart233 = echarts.init(document.getElementById('main233'));
        var option233 = {
                        title: {
                            text: 'xxx'
                        },
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                            data: ['销售部', '技术部', '人事部', '财务部']
                            },
                            xAxis: {
                                type: 'category',
                                data: ['张三', '李四', '王五', '赵六', '孙七']
                            },
                            yAxis: {
                                type: 'value'
                            },
                            series: [{
                                name: '销售部',
                                type: 'bar',
                                data: [5, 20, 36, 10, 10]
                            }, {
                                name: '技术部',
                                type: 'bar',
                                data: [15, 25, 30, 15, 15]
                            }, {
                                name: '人事部',
                                type: 'bar',
                                data: [30, 15, 20, 10, 10]
                            }, {
                                name: '财务部',
                                type: 'bar',
                                data: [25, 20, 25, 15, 15]
                            }]
                        };

        myChart233.setOption(option233);
var myChart31 = echarts.init(document.getElementById('main31'));

        var option31 = {
            title: {
                text: '某公司各部门员工数量占比',
                left: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)'
            },
            legend: {
                orient: 'vertical',
                left: 'left',
                data: ['销售部', '技术部', '人事部', '财务部']
            },
            series: [
                {
                    name: '部门员工数量占比',
                    type: 'pie',
                    radius: '55%',
                    avoidLabelOverlap: false,
                    label: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    data: [
                        {value: 335, name: '销售部'},
                        {value: 310, name: '技术部'},
                        {value: 234, name: '人事部'},
                        {value: 135, name: '财务部'}
                    ]
                }
            ]
        };

        myChart31.setOption(option31);
var nodes = [
            {id: 1, label: '张三'},
            {id: 2, label: '李四'},
            {id: 3, label: '王五'},
            {id: 4, label: '赵六'}
        ];

        var edges = [
            {from: 1, to: 2},
            {from: 1, to: 3},
            {from: 2, to: 4},
            {from: 3, to: 4}
        ];

        var container = document.getElementById('main32');
        var data = {
            nodes: nodes,
            edges: edges
        };

        var options32 = {
            nodes: {
                shape: 'circle',
                size: 30,
                font: {
                    size: 16
                }
            },
            edges: {
                arrows: 'to',
                font: {
                    size: 16
                }
            }
        };

        var network = new vis.Network(container, data, options32);
*/
</script>
</body>
</html>